<template>
  <section class="search">
    <!-- <header class="header">
      <a class="header_title">
        <span class="header_title_text">搜索</span>
      </a>
    </header> -->
    <WshopHeader :title="'搜索'"/>

    <form class="search_form" action="#">
      <input type="search" name="search" placeholder="请输入商家或美食名称" class="search_input">
      <input type="submit" name="submit" class="search_submit">
    </form>
  </section>
</template>

<script>
export default {

}
</script>

<style lang="stylus">
@import '../../common/stylus/mixins.styl';
.search  //搜索
  width 100%
  .search_form
    clearFix()
    margin-top 45px
    background-color #fff
    padding 12px 8px
    input
      height 35px
      padding 0 4px
      border-radius 2px
      font-weight bold
      outline none
      &.search_input
        float left
        width 79%
        border 4px solid #f2f2f2
        font-size 14px
        color #333
        background-color #f2f2f2
      &.search_submit
        float right
        width 18%
        border 4px solid #02a774
        font-size 16px
        color #fff
        background-color #02a774
        
</style>